.flow-chart-wrap {
    .flow-nav__btn {
        button[type="button"] {
            height: 26px;
            margin-right: 6px;
            margin-bottom: 6px;
        }
    }
    .flow-module__main {
        display: flex;
        height: calc(100vh - 135px);
    }
    .list-group {
        flex:  0 0 200px;
        border-right: 1px solid #756e6e; 
        padding-right: 10px;
    }
    .flow-content__editor {
        flex: 1;
        padding: 0 12px;
        position: relative;
        overflow: hidden;
        .jsplumb-node {
            position: absolute;
            display: flex;
            align-items: center;
            padding: 8px;
            border-radius: 6px;
            border: 1px solid #eee;
            background: #ecf5ff;
            border-color: #b3d8ff;
            border-left: 6px solid var(--color--);
            min-width: 176px;
            .flow-node-drag {
                cursor: crosshair;
                padding-left: 10px;
            }
            .node__content {
                max-width: 220px;
                max-height: 100px;
                overflow: auto;
                padding-left: 10px;
            }
            &.jtk-drag {
                cursor: move;
            }
            &.is-actived {
                border: 2px dashed #1879ff;
                border-left: 6px solid var(--color--);
            }
            &:hover {
                border: 2px dashed #1879ff;
                border-left: 6px solid var(--color--);
            }
        }
    }
}

// .ghost {
//     opacity: 0.5;
//     background: #10AC84 !important;
//     border: solid 1px rgb(19, 41, 239) !important;
// }
// .list-group {
//     min-height: 20px;
// }

// .list-group-item {
//     cursor: move;
//     border: 1px solid #eee;
//     padding: 8px;
//     margin-bottom: 10px;
//     border-radius: 6px;
//     display: flex;
//     align-items: center;
//     &:hover {
//         background: rgba($color: #000000, $alpha: 0.1);
//     }
//     p {
//         padding-left: 10px;
//     }
// }
// .chosenClass {
//     background-color: #c8ebfb !important;
//     border: none;
// }